<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /* 
          总结:
             1.创建节点 
                document.createElement()
                document.createTextNode()
            2. 插入节点
                1. 父节点.appendChild(子节点);
                1. 父节点.insertBefore(子节点,谁的前面);
            3. 删除节点
                1.节点.remove() // 自己把自己删除
                2.父节点.removeChild(子节点)
            4.替换节点
                1.父节点.replaceChild(换上节点,换下节点);
            
            5. 克隆节点
                节点.cloneNode(参数)
                // 参数不写 默认false 克隆节点自己 
                // 参数写   克隆后代

                


        
        
        
        
        
        */
    </script>
</body>
</html>